<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title></title>
	
	<!--[if lt IE 9]>
	<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
	<![endif]-->
	
	
	<style type="text/css" media="screen">
		body, html{
			height: 100%;
			width: 100%;
		}
	
		#outer{
			background-color: green;
			height: 100%;

		}
		
		#inner{
			background-color: red;
			width: 700px;
			height: 200px;
			
			bottom: 0;
			margin-left: 50%;
			left: -350px;
		
			position: fixed;
			
		}
	</style>
</head>
<body>
	<div id="outer">
		<div id="inner"></div>
	</div>
</body>
</html>